<template>
    <el-main>
        <el-main class="ep-body">
        <el-card class="ep-card">
            <epl-top-bar showPerson personType="PERSON_AAC031_1" psTagType="PERSON_AAB001_GROUP">

            </epl-top-bar>
                    <ep-button size="small" type="info" name="查询参保信息" icon="el-icon-star-off"></ep-button>
                    <ep-button size="small" type="success" name="补收模板下载" icon="el-icon-download"></ep-button>
                    <ep-button size="small" type="primary" name="上传" icon="el-icon-upload"></ep-button>
                    <ep-button size="small" type="info" name="核定" icon="el-icon-star-off"></ep-button>
                    <ep-button size="small" type="warning" name="档案" icon="el-icon-document"></ep-button>
                    <ep-button size="small" type="warning" name="打印" icon="el-icon-printer"></ep-button>
                    <ep-button size="small" type="danger" name="清屏" icon="el-icon-remove"></ep-button>
                    <ep-button size="small" type="warning" name="打印回执单" icon="el-icon-printer"></ep-button>
        </el-card>
        <el-card class="ep-card">
            <epl-userMessage dataType="person" idCount="14" :panel="panel" isEdit_1=''></epl-userMessage>
        </el-card>
            <!--
                <el-card class="ep-card">
                    <ep-title>个人基本信息</ep-title>
                     <el-form :model="form" ref="form" :rules="rules">
                        <el-row>
                            <ep-input colspan="8" label="社会保障号码" name="aac002" :property="form.aac002"
                                                rules="this.$localRules.isIDCard" placeholder="请输入社会保障号码" p="R" 
                                                :datas="{formData: form}"></ep-input>
                            <ep-input colspan="8" label="姓名" name="aac003" :property="form.aac003"
                                                placeholder="请输入姓名" p="E"
                                                :datas="{formData: form}"></ep-input>
                            <ep-select colspan="8" label="性别" name="aab019" :property="form.aab019"
                                                placeholder="请选择性别" p="E"
                                                :datas="{formData: form}"></ep-select>
                        </el-row>
                        <el-row>
                            <ep-select colspan="8" label="编制类型" name="aac004" :property="form.aac004"
                                                placeholder="请选择编制类型" p="R"
                                                :datas="{formData: form}"></ep-select>
                            <ep-date colspan="8" label="出生日期" name="aac003" :property="form.aac003"
                                                placeholder="请输入出生日期" p="E"
                                                :datas="{formData: form}"></ep-date>
                            <ep-date colspan="8" label="首次参保年月" name="aac004" :property="form.aac004"
                                                placeholder="请输入首次参保年月" p="E"
                                                :datas="{formData: form}"></ep-date>
                        </el-row>
                        <el-row>
                            <ep-input colspan="8" label="单位管理码" name="aab999" :property="form.aab999"
                                    placeholder="请输入单位管理码" p="R" isChange
                                    :datas="{formData: form}"></ep-input>
                            <ep-select colspan="8" label="单位性质" name="aab019" :property="form.aab019"
                                    placeholder="请选择单位性质" p="E"  codetype="AAB019"
                                    :datas="{formData:form}" ></ep-select>
                            <ep-input colspan="8" label="单位名称" name="aab069" :property="form.aab069"
                                    placeholder="请输入单位名称" p="E"  isChange
                                        :datas="{foDmData: foDm}" ></ep-input>
                        </el-row>
                        </el-form>
                </el-card>
            -->
            <el-card class="ep-card">
                <ep-title>人员补收信息</ep-title>
                    <el-row :gutter="20">
                        <ep-input colspan="8" label="征收单位管理码" name="aab999" :property="form.aab999" 
                                placeholder="请输入征收单位管理码" p="H" :datas="{formData: form}" isChange></ep-input>
                        <ep-input colspan="8" label="统一社会信用代码" name="bab010" :property="form.bab010" 
                                placeholder="请输入统一社会信用代码" p="H" :datas="{formData: form}" isChange></ep-input>
                    </el-row>
                    
                    <el-row>
                        <ep-table :data="tableData" border style="width: 100%;" rowDbClick :pager="20" :titleFilter="filter1">
                            <ep-table-column editor="index" name="index" width="85" header="序号"></ep-table-column>
                            <ep-table-column sortable editor="text" edited name="aae030" header="补收开始年月" isChange :datas="{tableData: tableData,formData: form}"></ep-table-column>
                            <ep-table-column sortable editor="text" edited name="aae031" header="补收终止年月" isChange :datas="{tableData: tableData,formData: form}"></ep-table-column>
                            <ep-table-column sortable editor="text" edited name="aae180" header="参加单位结算标志" width="180" isChange :datas="{tableData: tableData,formData: form}"></ep-table-column>
                            <ep-table-column sortable editor="text" edited name="aae180" header="利息及滞纳金标准" width="180" isChange :datas="{tableData: tableData,formData: form}"></ep-table-column>
                            <ep-table-column sortable editor="text" edited name="aae180" header="工资" isChange :datas="{tableData: tableData,formData: form}"></ep-table-column>
                            <ep-table-column header="操作" width="100" editor="button">
                                <template slot-scope="scope">
                                    <el-button type="text" size="mini" @click="deleteCurrentRow(scope.row)">删除</el-button>
                                </template>
                            </ep-table-column>
                        </ep-table>
                    </el-row>
                
            </el-card>
            <el-card class="ep-card">
                <ep-title>个人补收结果</ep-title>
                 <el-tabs type="border-card">
                    <el-tab-pane label="个人补收信息列表">
                  <el-row>
                    <ep-table :data="tableData2" border style="width: 100%;" :pager="20" :titleFilter="filter2">
                        <ep-table-column editor="index" width="85"  header="序号"></ep-table-column>
                        <ep-table-column sortable editor="select" name="aae140" codetype="AAE140" header="险种类型" width="140"></ep-table-column>  
                        <ep-table-column sortable editor="select" name="aab033" codetype="AAB033" header="参加单位结算标志" width="180"></ep-table-column>
                        <ep-table-column sortable editor="text" name="aae002" header="工资" width="110"></ep-table-column>
                        <ep-table-column sortable editor="text" name="aae180" header="补缴基数" width="140"></ep-table-column>
                        <ep-table-column sortable editor="text" name="aae003" header="对应费款所属期" width="180"></ep-table-column>
                        <ep-table-column sortable editor="text" name="aae202" header="月数" width="110"></ep-table-column>
                        <ep-table-column sortable editor="text" name="aae020" header="单位金额" width="140" hidden></ep-table-column>
                        <ep-table-column sortable editor="text" name="aae022" header="个人金额" width="140" hidden></ep-table-column>
                        <ep-table-column sortable editor="text" name="aae022" header="滞纳金" width="120" hidden></ep-table-column>
                        <ep-table-column sortable editor="text" name="aae058" header="合计" width="110" hidden></ep-table-column>
                        <ep-table-column header="操作" width="100" editor="button" hidden>
                                <template slot-scope="scope">
                                    <el-button type="text" size="mini" @click="deleteCurrentRow(scope.row)">删除</el-button>
                                </template>
                            </ep-table-column>
                    </ep-table>
                </el-row>
                </el-tab-pane>
                    <el-tab-pane label="个人补收失败信息列表"></el-tab-pane>
                </el-tabs>
                  <div style="margin: 15px 0;"></div>
                <el-row type="flex" justify="center">
                        <ep-saveButton id="doSave" top="20" type="primary" bottom="20" ref="save" @formValidate="formValidate"
                                       :validate="['form']" :datas="{formData: form,panel:panel,tableData:tableData,tableData2:tableData2}" name="保存"></ep-saveButton>
                </el-row>
            </el-card>
        </el-main>
    </el-main>
</template>

<script src="../js/PsNormalRatifyJS.js"></script>